<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>网页资源提取器</title>
    <link rel="stylesheet" href="styles/popup.css">
</head>
<body>
    <div class="container">
        <div class="tabs">
            <button class="tab-button active" data-tab="images">图片</button>
            <button class="tab-button" data-tab="videos">视频</button>
            <button class="tab-button" data-tab="audios">音频</button>
        </div>
        
        <div class="tab-content active" id="images">
            <div class="resource-list" id="image-list">
                <!-- 图片资源将在这里动态添加 -->
            </div>
            <div class="download-all">
                <button class="download-all-btn" data-type="images">下载所有图片</button>
            </div>
        </div>
        
        <div class="tab-content" id="videos">
            <div class="resource-list" id="video-list">
                <!-- 视频资源将在这里动态添加 -->
            </div>
            <div class="download-all">
                <button class="download-all-btn" data-type="videos">下载所有视频</button>
            </div>
        </div>
        
        <div class="tab-content" id="audios">
            <div class="resource-list" id="audio-list">
                <!-- 音频资源将在这里动态添加 -->
            </div>
            <div class="download-all">
                <button class="download-all-btn" data-type="audios">下载所有音频</button>
            </div>
        </div>
    </div>
    <script src="popup.js"></script>
</body>
</html> 